<template>
	<div>
		<div class="box">
			<div class="title">基础信息</div>
			<AForm v-model="formData" :config="formList" :state="state"></AForm>
		</div>
	</div>
</template>

<script>
	import * as apis from '@/api/order/mainOrder/contractChange/api.js';
	import AForm from '@/components/A/A-form/form/index.vue';
	export default {
		components: { AForm },
		props: {
			state: {
				required: false,
			},
			value: {
				required: true,
			},
		},
		data() {
			return {
				infoData: {},
			};
		},
		computed: {
			formData: {
				get() {
					return this.useVModel.call(this);
				},
				set(val) {
					this.$emit('input', val);
				},
			},
			formList() {
				return [
					{
						label: '出租方',
						prop: 'lessorName',
					},
					{
						label: '承租方',
						prop: 'leaseeName',
					},
					{
						label: '订单编号',
						prop: 'orderCode',
					},
					{
						label: '额度申请编号',
						prop: 'calcSchemeCode',
					},
					{
						label: '租赁开始时间',
						prop: 'timeStart',
					},
					{
						label: '租赁结束时间',
						prop: 'timeFinish',
					},
					{
						label: '租赁期（月）',
						prop: 'tenancy',
					},
					{
						label: '已支付租金月份',
						prop: 'paidTenancy',
					},
					{
						label: '交车总数量',
						prop: 'deliveredCount',
					},
					{
						label: '开发城市',
						prop: 'developmentCity',
					},
				];
			},
		},
		created() {},
		mounted() {},
		methods: {},
	};
</script>

<style lang="scss" scoped>
	.box {
		background-color: #fff;
		margin: 20px;
		padding: 0 20px;
		border-radius: 8px;
		.title {
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 16px;
			color: #333333;
			line-height: 22px;
			text-align: left;
			font-style: normal;
			padding: 15px 0;
			border-bottom: 1px solid #e9e9e9;
		}
	}
</style>
